<div id="error">
   <?php 
    echo @$this->session->flashdata('error_title');
    ?>
</div>
<script language="javascript">
    // apply filters
    var applyFilter = function()
    {
        
    }
    jQuery(document).ready(function(){
        jQuery("#list").jqGrid({
            url: '<?php echo site_url() ?>/cusuarios/data/',
            mtype: 'POST',
            datatype: 'json',
            colNames:['ID','Nombre','Responsable','Rol','Username','Departamento','Estado'],
            colModel :[
                {name:'IdUsuario', index:'IdUsuario', width:10,hidden:true},
                {name:'NombreUsuario', index:'NombreUsuario', width:40},
                {name:'IdResponsable', index:'IdResponsable', width:40},
                {name:'IdRol', index:'IdRol', width:30},
                {name:'UsernameUsuario', index:'UsernameUsuario', width:30},
                {name:'IdDepartamento', index:'IdDepartamento', width:30},
                {name:'Estatus', index:'Estatus', width:30}
                ],
            pager: jQuery('#pager'),
            hiddengrid: true,
            sortname: 'IdUsuario',
            rowNum:30,       
            rowList:[30,40,50,60,70],
            sortorder: "DESC",
            height: '100%',
            width: '500',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: false,
            onSelectRow: function(ids) 
            {
            	if(ids != null) 
            	{
            		var rec = jQuery("#list").getRowData(ids);
            		lol=ids;
            	}
            },
            adjacents: 4,
            jsonReader: { repeatitems : false, IdUsuario: "0" }
        }).navGrid('#pager',{add:false,del:false,edit:false,search:false,position:"left"})
        
         .navButtonAdd('#pager',{caption:"", buttonimg: _base_url + "public/css/jqgrid/flex/images/text_columns.png", onClickButton:function(){ jQuery("#list").setColumns();} })
         
         .navButtonAdd('#pager',{caption:"Agregar", buttonimg: _base_url + "public/images/new.png", onClickButton:function(){ window.location = _site_url + "/cusuarios/add"; } })

         
         .navButtonAdd('#pager',{caption:"Editar", buttonimg: _base_url + "public/images/edit.png", onClickButton:function()
         { 
           var id = jQuery('#list').getGridParam('selarrrow');
           var id=lol;
           if (id.length > 0) 
           {
                  var ret = jQuery("#list").getRowData(id);
                  window.location = _site_url + '/cusuarios/edit/' + ret.IdUsuario;
               
            }else{ 
                  jAlert('Debe seleccionar al menos un registro'); 
                 }
        return false; 
        } })
        
        .navButtonAdd('#pager',{caption:"Activar", buttonimg: _base_url + "public/images/edit.png", onClickButton:function()
         { 
           var id = jQuery('#list').getGridParam('selarrrow');
           var id=lol;
           if (id.length > 0) 
           {
                  var ret = jQuery("#list").getRowData(id);
                  window.location = _site_url + '/cusuarios/activar/' + ret.IdUsuario;
               
            }else{ 
                  jAlert('Debe seleccionar al menos un registro'); 
                 }
        return false; 
        } })
        
        .navButtonAdd('#pager',{caption:"Eliminar", buttonimg: _base_url + "public/images/delete.png", onClickButton:function(){ var id=lol;
        if (id.length > 0) {
            var msg = '';
            if(id.length == 1) msg = 'Realmente desea eliminar este registro?';
            else  msg = 'Realmente desea eliminar esta apellido?';
            jConfirm(msg, 'Dialogo de Confirmacion', function (r) {
            	 
                if(r) {
                    var ids_to_delete = new Array();
                      for (var i = 0; i < id.length; i++){
                            var ret = jQuery("#list").getRowData(id[i]);
                           ids_to_delete[i] = ret.IdUsuario;
                    }
                     var ret = jQuery("#list").getRowData(id); 
                    $.post( _site_url + '/cusuarios/delete', { delete_rows: ret.IdUsuario}, function(data){
                        $('#error').html(data); jQuery("#list").setGridParam({ postData:{ search: false }}).trigger("reloadGrid");$('#list_etapas').clearGridData();
                    });
                }
            });
        } else { jAlert('Debe seleccionar al menos un registro'); }

        return false;} })
       
        $('#apply_filter').bind('click', applyFilter);
    });
</script>
<div class="table_container">
<table>
    <tr>
    	<td><div id="titulo">Listado de Usuarios</div><?php $this->load->view('etapas_filters'); ?></td>
    </tr>
    <tr>
        <td>
            <table id="list" class="scroll"></table>
            <div id="pager" class="scroll" style="text-align:center;"></div>
        </td>
	</tr>
 </table>
</div>